<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>文章详情</title>
	<script type="text/javascript" src="js/vue.js"></script>
	<script type="text/javascript" src="js/zepto.min.js"></script>
	<script type="text/javascript" src="js/fontSize.js"></script>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/config.js"></script>
  <style type="text/css">
    .banner{width: 100%;}
    .tag{position: relative;height: 1rem;padding: .22rem 0  0 .3rem;overflow: hidden;}
    .icon{width: .65rem;float: left;height: .65rem;}
    .info{float: left;margin-left: .15rem;}
    .info li:first-child{color: #626666;font-size: .28rem;}
    .info li:last-child{color: #939999;font-size: .22rem;}
    .title{font-size: .38rem;color: #313333;padding:.5rem .3rem .7rem .3rem;font-weight: bold;}
  </style>
</head>
<body>
	<div id="app">
     <img :src="resObj.img" alt="" class="banner">
     <div class="tag borderBottom">
        <img :src="resObj.ico" alt="" class="icon">
        <ul class="info">
          <li>{{resObj.brief}}</li>
          <li>发布于{{data}}</li>
        </ul>
     </div>
     <div class="title">
       {{resObj.title}}
     </div>
		 <div id="chtml">
		 	
		 </div>
	</div>
	<script type="text/javascript">
		var app = new Vue({
            el: '#app',
            data: {
                id:GetQueryString("id"),     
                unionid:GetQueryString("unionid"),     
                chtml:"",
                resObj:{},
                data:""
         
            },
            mounted(){
               hideMenu();
               this.getDetail(); 
            },
            methods:{
            	getDetail:function(){
            	var that=this;
                  ajaxFun("POST","/get_article",{
                     a_id:this.id,
                     unionid:this.unionid
                  },function(data){
                      var res=data;
                      if(res.code==1){
                        that.resObj=res.data.info;
                        that.data=res.data.info.createTime.date.substring(0,19);
                      	$("#chtml").html(res.data.info.chtml);
                      }else{

                      }
                              
                  }); 
            	}
            }

        });
	</script>
</body>
</html>